<?php
/**
 * @file
 * Default theme implementation to display a single Drupal page.
 *
 * The doctype, html, head and body tags are not in this template. Instead they
 * can be found in the html.tpl.php template in this directory.
 *
 * Available variables:
 *
 * General utility variables:
 * - $base_path: The base URL path of the Drupal installation. At the very
 *   least, this will always default to /.
 * - $directory: The directory the template is located in, e.g. modules/system
 *   or themes/bartik.
 * - $is_front: TRUE if the current page is the front page.
 * - $logged_in: TRUE if the user is registered and signed in.
 * - $is_admin: TRUE if the user has permission to access administration pages.
 *
 * Site identity:
 * - $front_page: The URL of the front page. Use this instead of $base_path,
 *   when linking to the front page. This includes the language domain or
 *   prefix.
 * - $logo: The path to the logo image, as defined in theme configuration.
 * - $site_name: The name of the site, empty when display has been disabled
 *   in theme settings.
 * - $site_slogan: The slogan of the site, empty when display has been disabled
 *   in theme settings.
 *
 * Navigation:
 * - $main_menu (array): An array containing the Main menu links for the
 *   site, if they have been configured.
 * - $secondary_menu (array): An array containing the Secondary menu links for
 *   the site, if they have been configured.
 * - $breadcrumb: The breadcrumb trail for the current page.
 *
 * Page content (in order of occurrence in the default page.tpl.php):
 * - $title_prefix (array): An array containing additional output populated by
 *   modules, intended to be displayed in front of the main title tag that
 *   appears in the template.
 * - $title: The page title, for use in the actual HTML content.
 * - $title_suffix (array): An array containing additional output populated by
 *   modules, intended to be displayed after the main title tag that appears in
 *   the template.
 * - $messages: HTML for status and error messages. Should be displayed
 *   prominently.
 * - $tabs (array): Tabs linking to any sub-pages beneath the current page
 *   (e.g., the view and edit tabs when displaying a node).
 * - $action_links (array): Actions local to the page, such as 'Add menu' on the
 *   menu administration interface.
 * - $feed_icons: A string of all feed icons for the current page.
 * - $node: The node object, if there is an automatically-loaded node
 *   associated with the page, and the node ID is the second argument
 *   in the page's path (e.g. node/12345 and node/12345/revisions, but not
 *   comment/reply/12345).
 *
 * Regions:
 * - $page['help']: Dynamic help text, mostly for admin pages.
 * - $page['highlighted']: Items for the highlighted content region.
 * - $page['content']: The main content of the current page.
 * - $page['sidebar_first']: Items for the first sidebar.
 * - $page['sidebar_second']: Items for the second sidebar.
 * - $page['header']: Items for the header region.
 * - $page['footer']: Items for the footer region.
 *
 * @see bootstrap_preprocess_page()
 * @see template_preprocess()
 * @see template_preprocess_page()
 * @see bootstrap_process_page()
 * @see template_process()
 * @see html.tpl.php
 *
 * @ingroup themeable
 */

global $base_url,$user;
$themepath = $base_url."/".path_to_theme();
$extpath = "http://www.tn.gov.in";

//echo $themepath;
?>
<!--Lanagugae Purpose-->
<style type="text/css">
<?php if($language->language=='ta') { ?> 
#block-locale-language .language-switcher-locale-url .en {display:block;}
#block-locale-language .language-switcher-locale-url .ta {display:none;}
 <?php } else  { ?>
#block-locale-language .language-switcher-locale-url .en {display:none;} 
#block-locale-language .language-switcher-locale-url .ta {display:block;}
 <?php } ?>
</style>

<!--Common CSS-->
<link type="text/css" href="<?php echo $themepath; ?>/css/inner_page.css" rel="stylesheet" />
<link type="text/css" href="<?php echo $themepath; ?>/css/slider_hm.css" rel="stylesheet" />

<link type="text/css" href="<?php echo $themepath; ?>/css/style.css" rel="stylesheet"  />
<link type="text/css" href="<?php echo $themepath; ?>/css/front_page.css" rel="stylesheet"  />

<!--Theme Switcher CSS-->
<link rel="alternate stylesheet" type="text/css" href="<?php echo $themepath; ?>/css/green_style.css" title="styles1" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="<?php echo $themepath; ?>/css/green_page.css" title="styles1" media="screen" />

<link rel="alternate stylesheet" type="text/css" href="<?php echo $themepath; ?>/css/maroon_style.css" title="styles2" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="<?php echo $themepath; ?>/css/maroon_page.css" title="styles2" media="screen" />

<link rel="alternate stylesheet" type="text/css" href="<?php echo $themepath; ?>/css/darkblue_style.css" title="styles3" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="<?php echo $themepath; ?>/css/darkblue_page.css" title="styles3" media="screen" />

<link rel="alternate stylesheet" type="text/css" href="<?php echo $themepath; ?>/css/brown_style.css" title="styles4" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="<?php echo $themepath; ?>/css/brown_page.css" title="styles4" media="screen" />

<link rel="alternate stylesheet" type="text/css" href="<?php echo $themepath; ?>/css/style.css" title="styles5" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="<?php echo $themepath; ?>/css/front_page.css" title="styles5" media="screen" />

<!--Mobile and Tablet JS-->
<script type="text/javascript" src="<?php echo $themepath; ?>/js/mobile_tab_menu.js"></script>

<!--Browser css-->
<script type="text/javascript" src="<?php echo $themepath; ?>/js/jquery.browser.min.js"></script>

<!--Theme Switcher JS-->
<script type="text/javascript" src="<?php echo $themepath; ?>/js/js3/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo $themepath; ?>/js/js3/styleswitch.js"></script>

<!------ Font increase and decrease jQuery------------>
<script src="<?php echo $themepath; ?>/js/font_size/dw_event.js" type="text/javascript"></script>
<script src="<?php echo $themepath; ?>/js/font_size/dw_cookies.js" type="text/javascript"></script>
<script src="<?php echo $themepath; ?>/js/font_size/dw_sizerdx.js" type="text/javascript"></script>

<script type="text/javascript">
dw_Event.add( window, 'load', dw_fontSizerDX.init );
</script>

</header>

<body>
<!------ Header ------------>
<div class="header">
<?php /*?><div style="margin-left: auto; margin-right: auto; width: 997px;" class="txt_size_serv">
   <div style="float:right;"><?php echo $txtsizeblk; ?></div><div class="clr"></div></div>
   <?php */?>
<!--<div id="wrapper" style="margin-left:auto;margin-right:auto; width:997px;">-->
	
<div class="header_color_icon">
<div class="icon1"><a href="#" rel="styles1" class="styleswitch"><img src="<?php echo $themepath; ?>/images/green.png" alt="green" height="14" width="14"></a></div>
<div class="icon4"><a href="#" rel="styles2" class="styleswitch"><img src="<?php echo $themepath; ?>/images/merron.png" alt="merron" height="14" width="14"></a></div>
<div class="icon3"><a href="#" rel="styles3" class="styleswitch"><img src="<?php echo $themepath; ?>/images/blue.png" alt="blue" height="14" width="14"></a></div>
<div class="icon2"><a href="#" rel="styles4" class="styleswitch"><img src="<?php echo $themepath; ?>/images/brown.png" alt="brown" height="14" width="14"></a></div>
<div class="icon5"><a href="#" rel="styles5" class="styleswitch"><img src="<?php echo $themepath; ?>/images/defalutblue.png" alt="Blue" height="14" width="14"></a></div>
</div>

<div id="sizer">
<a class="increase" href="#" title="Increase text size"><img src="<?php echo $themepath; ?>/images/plus.gif" alt="" border="0" height="14" width="14" class="icon6"/></a>
<a class="reset" href="#" title="Restore default font-sizes"><img src="<?php echo $themepath; ?>/images/reset.gif" alt="" border="0" height="14" width="14" class="icon7"/></a>
<a class="decrease" href="#" title="Decrease text size"><img src="<?php echo $themepath; ?>/images/minus.gif" alt="" border="0" height="14" width="14" class="icon8"/></a> 
</div>

	<div class="header_img" >
	 <a href="<?php echo $base_url;?>"><div id="header_logo" >
	<!-- <img src="<?php //echo $themepath; ?>/images/top_banner.jpg" usemap ="#portalLogo" alt=""/>-->
	  <map name="portalLogo" id="portallog"><area shape="circle" coords="80,50,50" href="<?php echo $base_url;?>" alt="Home" /></map>
		</div></a>
	  		
   <?php /*?> <?php ?><div class="navbar-header">
      <?php if ($logo): ?>
      <a class="logo navbar-btn pull-left" href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>">
        <img src="<?php //print $logo; ?>" alt="<?php //print t('Home'); ?>" />
      </a>
      <?php endif; ?>

      <?php if (!empty($site_name)): ?>
      <a class="name navbar-brand" href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>"><?php //print $site_name; ?></a>
      <?php endif; ?>
    </div><?php  ?><?php */?>

<!------Mobile Menu Starts Here ------------>
			 <nav id="menu" class="nav" style="display:none;">	
					<ul>
						<li>
							<a href="#">
								<span>à®¤à®®à®¿à®´à¯� à®µà®Ÿà®¿à®µà®®à¯�</span>
							</a>
						</li>
						<li>
							<a href="announcements">
								<span>Announcements</span>
							</a>
						</li>
						<li>
							<a href="go_view/dept">
								<span>GOs of Public interest</span>
							</a>
						</li>
						<li>
							<a href="pressrelease">
								<span>Press Release</span>
							</a>
						</li>
						<li>
							<a href="contact_directory">
								<span>Contact Directory</span>
							</a>
						</li>
					</ul>
				</nav>
				
<!------Main Menu Ends Here ------------>

	   <div class="header-bottom">
		  <div class="wrap">
			<div class="top-nav" >
			<?php print render($page['header']); ?>
					<!--<ul>
						<li class="ta last"><a href="http://www.tn.gov.in/ta" class="language-link">à®¤à®®à®¿à®´à¯� à®µà®Ÿà®¿à®µà®®à¯�</a></li>
						<li ><a href="#" title="">Announcements</a></li>
						<li ><a href="#" title="">GOs of Public interest</a></li>
						<li ><a href="#" title="">Press Release</a></li>
						<li  class="leaflast"><a href="#" title="">Contact Directory</a></li>
					</ul>-->
		     </div>
	  
<!------Search box and Search buttom ------------>
		
<div ><div class="container-inline">
<div class="form-item" id="edit-search-block-form-1-wrapper">
  
<div class="search_menu_top">
<a href="#"><?php echo t('Search');?> </a></div>
<a href="#"><img src="<?php echo $themepath; ?>/images/search.png" class="txttop" /></a>

<div class="csclogin1"><a target="_blank" href="https://edistricts.tn.gov.in:8443/certificates_csc">CSC Login</a> </div>

<!--<input maxlength="128" name="search_block_form" id="edit-search-block-form-1" size="15" title="Enter the terms you wish to search for." class="form-text" type="text">
--></div>

<!--<input name="op" value="" class="form-submit search_submit_btn" type="submit">
<input name="form_build_id" id="form" value="form" type="hidden">
<input name="form_id" id="edit-search-block-form" value="search_block_form" type="hidden">-->
</div>
			<div class="clear"></div> 
		</div>
	</div>
</div>
<!------End Header ------------>
	<!------Content ------------>
	    <div id="front_maincontainer1">
		<div class="wrap">
		<div class="sectiongroup1">
		
		<div class="col_1_of_3 span_1_of_3">
		<div class="grid_img">
		<div class="hover_img">
						 
<!-----Govenment ------------>
<!--<ul ><li ><a href="#" title="">Governor</a></li>
<li><a href="#" title="This is Chief Minister Data">Chief Minister</a></li>
<li ><a href="#" title="">Council of Ministers</a></li>
<li ><a href="#" title="">MPs  &amp;  MLAs </a></li>
<li ><a href="#" title="This is the department list details">Departments</a></li>
<li ><a href="#" title="">Districts</a></li>
</ul>-->

<div class="block-title"></div>
<!--<h2>Government</h2>-->
 <?php  print render($page['Homeblock']); ?>
<div class="view-footer3"><a href="government"><?php echo t('More'); ?></a></div>
</div></div></div>

<!-----Services ------------>
				<div class="col_1_of_3 span_1_of_3">
				<div class="grid_img">
				<div class="hover_img">
				
<?php  print render($page['Homeblock2']); ?>
<div class="view-footer4"><a href="/tnportal_latest/service/deptname"><?php echo t('More'); ?></a></div>
</div>
</div></div>

<!-----Forms ------------>
				<div class="col_1_of_3 span_1_of_3">
				<div class="grid_img">
				<div class="hover_img">
				<div  id="block-views-Forms-block_1">
<h2><?php echo t('Forms'); ?></h2>
<div>
 <?php  print render($page['Homeblock3']); ?>
</div>

<div class="view-footer"><a href="/tnportal_latest/forms/deptname"><?php echo t('More'); ?></a></div>
</div></div>
						
</div>
</div>
<!-----Press Release News ------------>

		<div class="col_1_of_3 span_1_of_3">
		<div class="grid_img">
		<div id="press_relase_news">
        <div class="latest_news">
        <div class="pr_home"><?php echo t('Press Release'); ?></div>
        <?php 
        	$addblock = module_invoke('press_release','block_view','press_release_location');
        	print render($addblock['content']);
        ?>
       	<!-- 
        <div style="float:left;"><a href="javascript:void(0);" style="color:#0A4565;font-weight:bold;cursor:pointer;border-style:none;" onclick='return tnportal_ext_window("http://cms.tn.gov.in//sites/default/files/press_release/pr071113b.jpg");'><img src="<?php echo $themepath; ?>/images/press_relaese.jpg" alt="Tamil" nadu=""></a></div><div class="morepr"><a href="http://www.tn.gov.in/pressrelease" ><?php echo t('More'); ?></a></div>
        -->
        </div>
         
</div>
						
</div>
</div>
<div class="clear"></div> 
</div>
			
<!-----Schemes ------------>
			<div class="sectiongroup2">
			<div class="col_1_of_3 span_1_of_3">
			<div class="grid_img">
			<div class="hover_img">
			<div  id="block-menu-menu-scheme">
<h2><?php echo t('Schemes'); ?></h2>
<div>

<?php  print render($page['Homeblock4']); ?>

</div>
<div class="view-footer"><a href="/tnportal_latest/scheme"><?php echo t('More'); ?></a></div>
</div></div>
</div>
</div>
<!-----Thiruvalluvar  ------------>

						<div class="col_1_of_3 span_1_of_3">
						<div class="grid_img">
						<div id="thiru_valu">
						<div class="kural">இன்னாசெய் தாரை ஒறுத்தல் அவர்நாண நன்னயஞ் செய்து விடல்.</div>
						
						<div id="amma_unavagam"><a  target="_blank" href="<?php echo $themepath; ?>/files/C_M_Press_clippings.pdf"><img src="<?php echo $themepath; ?>/images/amma-unavagam.png" alt="amma unavagam" width="426"/></a></div>
						</div>
						
						</div>
						</div>
						
<!-----Whats New Marquee ------------>
				
				        <div class="col_1_of_3 span_1_of_3">
					    <div class="grid_img">
						<div id="whats_new">
						
						<div class="marqueecontainer">
						<div class="wht_home">Whats <a href="#"><?php echo t('More'); ?></a></div>
						<!--<div class="view-footer1"><a href="#" >More</a></div>-->
						
<marquee  style="margin-bottom:50px; margin-top:35px;" behavior="scroll" direction="up" onMouseOver="this.stop()" onMouseOut="this.start()" scrollamount="3" height="225" width="284">
<span class="style10"> PAN of CMPRF - AAAGC0038F</span>
<?php my_db_change(1);
$sql =db_query("select distinct a.*,f.filepath from (select distinct  n.title,n.nid,w.status,w.nid,w.key_column,s.*,field_whatsnew_url_value,
field_whatsnew_available_value,field_whatsnew_offline_value from node as n  JOIN whats_new_archive as w on w.status=1 and  n.nid = w.nid  and n.vid = w.vid 
 LEFT JOIN field_data_field_whatsnew_upload as s on s.entity_id = w.nid LEFT JOIN field_data_field_whatsnew_available as v on w.nid=v.entity_id   LEFT JOIN field_data_field_whatsnew_url as u on u.entity_id = w.nid  LEFT JOIN field_data_field_whatsnew_offline as o on o.entity_id = w.nid  where n.status=1   order by w.key_column DESC,n.title ASC) as a LEFT JOIN files as f ON a.field_whatsnew_upload_fid = f.fid  limit 5");
foreach($sql as $whatsnewlist){ //print "<pre>";print_r($whatsnewlist);print "</pre>"; 
			if($whatsnewlist->field_whatsnew_available_value == 'download')  {
				if(!empty($whatsnewlist->filepath)){
					$filepath = $whatsnewlist->filepath;  
					 $filepath="'http://cms.tn.gov.in/$filepath'";
				}
			}
			elseif($whatsnewlist->field_whatsnew_available_value == 'online')  {
				if(!empty($whatsnewlist->field_whatsnew_url_value)){
					$filepath = $whatsnewlist->field_whatsnew_url_value;
				}
			}			
			elseif($whatsnewlist->field_whatsnew_available_value == 'offline')  {
            	$filepath = $whatsnewlist->field_whatsnew_offline_value;
			}else{
				$filepath= 'http://www.tn.gov.in';
			}
			$title = $whatsnewlist-> title;
			if ($title != $title1){
			   $title1 = $title; ?>
			<?php if($whatsnewlist->field_whatsnew_available_value == 'download') {    ?> 
			<p><a onClick="return tnportal_window(<?php print $filepath ?>);" href="javascript:void(0);" >
			<?php echo $title1; ?></a></p><?php }else {    ?> 
				<p><a href='javascript:void(0);' onclick='return tnportal_window("<?php echo $filepath;?>");'> 
        <?php echo $title1; ?></a></p><?php }?>
<?php } }my_db_change(0);?>
</marquee></div>   
					</div>
					
				   	</div>
					</div>
					<div class="clear"></div> 
					</div>
<!-----Grievances Redressal ------------>
					
						  <div class="sectiongroup3">
			         	  <div class="col_1_of_3 span_1_of_3">
                          <div class="grid_img">
                    	  <div class="hover_img">
                          <div  id="block-menu-menu-grievances">
                          <h2>Grievances Redressal</h2>
                          <?php  print render($page['Homeblock5']); ?>
                         <div class="view-footer"><a href="grievance"><?php echo t('More'); ?></a></div>
                         </div>
                         </div>
                         </div>
			             </div>
<!-----6 Buttons ------------>
		 <?php if($language->language =='en') {   ?>
		  <div class="col_1_of_2 span_1_of_2">
		  <div class="cssnav_doc"><a href="documents/deptname">
		  <img  src="<?php echo $themepath; ?>/images/documents_button.png" alt="Documents" ></a></div>
          <div class="cssnav_char" > <a href="<?php echo $base_url ?>/citizencharter/deptname">
		  <img src="<?php echo $themepath; ?>/images/charter_button.png" alt="Citizen charter" ></a></div>
          <div class="cssnav_citi"><a href="contact_directory"><img  src="<?php echo $themepath; ?>/images/rticontact_button.png" alt="Contacts" ></a></div>
		  </div>
				
		  <div class="col_1_of_4 span_1_of_4">
		  <div class="grid_img">
		  <div class="cssnav_ten"> <a href="javascript:mytnportal('http://www.tenders.tn.gov.in/innerpage.asp?choice=ot4');"><img  src="<?php echo $themepath; ?>/images/tender_button.png" alt="Tender" ></a> </div>
          <div class="cssnav_act"> <a href="acts"><img  src="<?php echo $themepath; ?>/images/acts_notification.png" alt="Acts"></a> </div>
          <div  class="cssnav_link"><a href="website_directory"><img  src="<?php echo $themepath; ?>/images/links_button.png" alt="Websites" ></a> </div>
		  </div>
		  </div>
		  <?php }  else {?>
		  
		<?php //if($language->language =='ta') {   ?>
		 <div class="col_1_of_2 span_1_of_2" >
		  <div class="cssnav_doc1"><a href="documents/deptname">
		  <img  src="<?php echo $themepath; ?>/images/tamilimages/documents_button.png" alt="Documents" ></a></div>
          <div class="cssnav_char1" > <a href="<?php echo $base_url ?>/citizencharter/deptname">
		  <img src="<?php echo $themepath; ?>/images/tamilimages/charter_button.png" alt="Citizen charter" ></a></div>
          <div class="cssnav_citi1"><a href="contact_directory"><img  src="<?php echo $themepath; ?>/images/tamilimages/rticontact_button.png" alt="Contacts" ></a></div>
		  </div>
				
		  <div class="col_1_of_4 span_1_of_4" >
		  <div class="grid_img">
		  <div class="cssnav_ten1"> <a href="javascript:mytnportal('http://www.tenders.tn.gov.in/innerpage.asp?choice=ot4');"><img  src="<?php echo $themepath; ?>/images/tamilimages/tender_button.png" alt="Tender" ></a> </div>
          <div class="cssnav_act1"> <a href="acts"><img  src="<?php echo $themepath; ?>/images/tamilimages/acts_notification2.png" alt="Acts"></a> </div>
          <div  class="cssnav_link1"><a href="website_directory"><img  src="<?php echo $themepath; ?>/images/tamilimages/links_button.png" alt="Websites" ></a> </div>
		  </div>
		  </div>
		  
		  <?php  } ?>
		  
<!-----Slideshow last column ------------>
		 
	  <div id="temple_cnts" class="slide" >
	  <div id="gallery"  style="border:1px solid #0f97cb; float: left; margin-top: -201px; margin-left: 691px;">
      <div id="slides">
      <img src="<?php echo $themepath; ?>/images/img1.jpg" height="140px" width="290px">
	  <img src="<?php echo $themepath; ?>/images/img2.jpg" height="140px" width="290px">
	  <img src="<?php echo $themepath; ?>/images/img3.jpg" height="140px" width="290px">
	  <img src="<?php echo $themepath; ?>/images/img4.jpg" height="140px" width="290px">
	  <img src="<?php echo $themepath; ?>/images/img5.jpg" height="140px" width="290px">
	  <img src="<?php echo $themepath; ?>/images/img6.jpg" height="140px" width="290px">
	  <img src="<?php echo $themepath; ?>/images/img7.jpg" height="140px" width="290px">
	  <img src="<?php echo $themepath; ?>/images/img8.jpg" height="140px" width="290px">
	  <img src="<?php echo $themepath; ?>/images/img9.jpg" height="140px" width="290px">
	  <img src="<?php echo $themepath; ?>/images/img10.jpg" height="140px" width="290px">
	  
<!-- <img src="<?php //echo $themepath; ?>/img/example-slide-2.jpg" alt="2" height="140px" width="290px">
      <img src="<?php //echo $themepath; ?>/img/example-slide-3.jpg" alt="3" height="140px" width="290px">
      <img src="<?php //echo $themepath; ?>/img/example-slide-4.jpg" alt="4" height="140px" width="290px">-->
 	  </div></div>
	  
  <!-- SlidesJS Required: Link to jQuery -->
  <script src="<?php echo $themepath; ?>/js/js2/jquery-1.9.1.min.js"></script>
  <!-- End SlidesJS Required -->

  <!-- SlidesJS Required: Link to jquery.slides.js -->
  <script src="<?php echo $themepath; ?>/js/js2/jquery.slides.min.js"></script>
  <!-- End SlidesJS Required -->

  <!-- SlidesJS Required: Initialize SlidesJS with a jQuery doc ready -->
  <script>
    $(function() {
      $('#slides').slidesjs({
        width: 290,
        height: 140,
        play: {
          active: true,
          auto: true,
          interval: 4000,
          swap: true
        }
      });
    });
  </script>
  
		<!--<a class="" style="opacity: 0;" href="#"><img alt="Tamil Nadu" src="<?php echo $themepath; ?>/images/img1.jpg" height="140px" width="290px"></a>
		<a class="show" style="opacity: 1;" href="#"><img alt="Tamil Nadu" src="<?php echo $themepath; ?>/images/img2.jpg" height="140px" width="290px"></a>
		<a style="opacity: 0;" href="#"><img alt="Tamil Nadu" src="<?php echo $themepath; ?>/images/img3.jpg" height="140px" width="290px"></a>
		<a style="opacity: 0;" href="#"><img alt="Tamil Nadu" src="<?php echo $themepath; ?>/images/img4.jpg" height="140px" width="290px"></a>
		<a style="opacity: 0;" href="#"><img alt="Tamil Nadu" src="<?php echo $themepath; ?>/images/img5.jpg" height="140px" width="290px"></a>
		<a style="opacity: 0;" href="#"><img alt="Tamil Nadu" src="tn_files/img6.jpg" height="140px" width="290px"></a>
		<a style="opacity: 0;" href="#"><img alt="Tamil Nadu" src="<?php echo $themepath; ?>/images/img7.jpg" height="140px" width="290px"></a>
		<a style="opacity: 0;" href="#"><img alt="Tamil Nadu" src="<?php echo $themepath; ?>/images/img8.jpg" height="140px" width="290px"></a>
		<a style="opacity: 0;" href="#"><img alt="Tamil Nadu" src="<?php echo $themepath; ?>/images/img9.jpg" height="140px" width="290px"></a>
		<a style="opacity: 0;" href="#"><img alt="Tamil Nadu" src="<?php echo $themepath; ?>/images/img10.jpg" height="140px" width="290px"></a>
		<a style="opacity: 0;" href="#"><img alt="Tamil Nadu" src="<?php echo $themepath; ?>/images/img11.jpg" height="140px" width="290px"></a>-->
		
<div style="opacity: 0.7;" class="caption"><div ></div></div></div>
<div class="clear"></div></div>
	   
<!-----Map and Govt Buttons ------------>
		<div class="mapg">
	    <div class="mapf"> <a href="http://www.tn.gov.in/DistrictMap" target="_blank"><img src="<?php echo $themepath; ?>/images/mapButton.jpg" alt="Map" height="41" width="144"></a> </div>
		
		<div class="govtb"><a href="http://india.gov.in/" target="_blank">
		<img src="<?php echo $themepath; ?>/images/indiagov_button.jpg" alt="India" height="41" width="144"></a></div>
        </div>
<!--<div class="clear"></div> -->
</div>
<!------End Content ------------>
<!------footer Menu------------>
<!--<div class="page-footer-top1" >-->

<!--<ul ><li ><a href="#">Add To Favorites</a></li>
<li ><a href="#" title="">Feedback</a></li>
<li ><a href="#" title="">About this Portal</a></li>
<li ><a href="#" title="">SiteMap</a></li>
<li ><a href="#" title="">Calendar</a></li>
<li class="leaflast1" ><a href="#" title="">Contact Us</a></li>
</ul>-->
<?php //print render($page['footer']); ?>
<!--<div class="last_updated"> <span>Last Updated : </span> <span><?php //echo date("M d, Y");?></span></div>-->  
 
<!--</div>-->

<!--<div class="page-footer-top2" style="display:none;">
<div >
<ul ><li ><a href="#">Add To Favorites</a></li>
<li ><a href="#" title="">Feedback</a></li>
<li ><a href="#" title="">About this Portal</a></li>
</ul>
</div>-->

</div>

<!------Left footer------------>
<div class="page-footer-top1" >
<!--<ul ><li ><a href="#">Add To Favorites</a></li>
<li ><a href="#" title="">Feedback</a></li>
<li ><a href="#" title="">About this Portal</a></li>
<li ><a href="#" title="">SiteMap</a></li>
<li ><a href="#" title="">Calendar</a></li>
<li class="leaflast1" ><a href="#" title="">Contact Us</a></li>
</ul>-->

<?php print render($page['footer']); ?>
<div class="last_updated"> <span>Last Updated : </span> <span><?php echo date("M d, Y");?></span></div>
</div>

<div class="page-footer-top2" style="display:none;">
<div >
<ul ><li ><a href="#">Add To Favorites</a></li>
<li ><a href="#" title="">Feedback</a></li>
<li ><a href="#" title="">About this Portal</a></li>
</ul>
</div>
</div>

<div class="page-footer_bot">
<div class="footer_text"> Contents owned and updated by concerned Departments and coordinated  by <br>Information Technology Department
Secretariat, Fort St. George, Chennai 600 009, Tamil Nadu, India
</div>

<!----Right Footer------------>
<div class="footer_text1"> Designed &amp; Developed by <a target="_blank" href="http://www.tn.nic.in/">National Informatics Centre</a><br>
E-Mail: <a class="newxtxt" href="mailto:webadmin.tn@nic.in">webadmin.tn@nic.in</a><br>
<a class="style3" href="http://www.tn.gov.in/disclaimer">Disclaimer | </a>
<a class="style3" href="http://www.tn.gov.in/privacypolicy">Privacy Policy | </a>
<a class="style3" href="http://www.tn.gov.in/termsofuse">Terms of Use</a></div>
</div>

</div>

<!--Mobile Menu Dropdown in responsive-->

<script>
			//  The function to change the class
			var changeClass = function (r,className1,className2) {
				var regex = new RegExp("(?:^|\\s+)" + className1 + "(?:\\s+|$)");
				if( regex.test(r.className) ) {
					r.className = r.className.replace(regex,' '+className2+' ');
			    }
			    else{
					r.className = r.className.replace(new RegExp("(?:^|\\s+)" + className2 + "(?:\\s+|$)"),' '+className1+' ');
			    }
			    return r.className;
			};	

			//  Creating our button in JS for smaller screens
			var menuElements = document.getElementById('menu');
			menuElements.insertAdjacentHTML('afterBegin','<button type="button" id="menutoggle" class="navtoogle" aria-hidden="true"> <i aria-hidden="true" class="icon-menu"> <span class="m" href="#">â‰¡ MENU</span></i> </button> ');


			//  Toggle the class on click to show / hide the menu
			document.getElementById('menutoggle').onclick = function() {
				changeClass(this, 'navtoogle active', 'navtoogle');
			}

			
			document.onclick = function(e) {
				var mobileButton = document.getElementById('menutoggle'),
					buttonStyle =  mobileButton.currentStyle ? mobileButton.currentStyle.display : getComputedStyle(mobileButton, null).display;

				if(buttonStyle === 'block' && e.target !== mobileButton && new RegExp(' ' + 'active' + ' ').test(' ' + mobileButton.className + ' ')) {
					changeClass(mobileButton, 'navtoogle active', 'navtoogle');
				}
			}
		</script>

<!------Mobile Menu Dropdown Ends responsive------------>

</div>
</body>
</html>